<template>
	<view>
		<view class="" v-if="showTar===0">
			<index/>
		</view>
		<view class="" v-if="showTar===1">
			<customerList/>
		</view>
		<view class="" v-if="showTar===2">
			<reportCenter/>
		</view>
		<view class="" v-if="showTar===3">
			<highSeas/>
		</view>
		<view class="" v-if="showTar===4">
			<my/>
		</view>
		<view class="tar_box">
          <view class="tar_mian" v-for="(item,index) in tarList" @click="bianTar(index)">
			 <image src="" mode=""></image>
          	 <text>{{item.title}}</text>
          </view>
		</view>
	</view>
</template>

<script>
	
	import index from "@/pages/index/index.vue"
	import customerList from "@/pages/customerList/customerList.vue"
	import reportCenter from "@/pages/reportCenter/reportCenter.vue"
	import highSeas from "@/pages/highSeas/highSeas.vue"
	import my from "@/pages/my/my.vue"
	export default {
		components:{
			index,
			customerList,
			reportCenter,
			highSeas,
			my
		},
		data() {
			return {
				tarList:[
					{
						title:"今日跟进",
						image:'',
					},
					{
						title:"客户列表",
						image:'',
					},
					{
						title:"报表中心",
						image:'',
					},
					{
						title:"客资公海",
						image:'',
					},
					{
						title:"我的",
						image:'',
					}
				],
				showTar:0
			};
		},
		methods:{
			bianTar(e){
				this.showTar = e
			}
		}
	}
</script>

<style lang="less">
page{
	background: #f4f4f4;
}
.tar_box{
	position: fixed;
	bottom: 0upx;
	left: 0upx;
	width: 100%;
	height: 120upx;
	background: #FFFFFF;
	display: flex;
	justify-content: space-around;
	align-items: center;
	.tar_mian{
		display: flex;
		flex-direction: column;
		align-items: center;
		text{
			font-size: 28upx;
		}
		image{
			width: 50upx;
			height: 50upx;
			background:#007AFF;
		}
	}
}
</style>
